import React from 'react'
import { Outlet, useNavigate } from 'react-router-dom'

export default function Home() {
  const navigate = useNavigate()
  const musicHandle = () => {
    navigate('/main/home/music/001/?user=xyue', {
      state: [
        { id: '001', name: '红昭愿' }, { id: '002', name: '鱼玄机' },
        { id: '003', name: '行侠当赋' }, { id: '004', name: '风月有愧' }
      ]
    })
  }
  const newsHandle = () => {
    navigate('/main/home/news/001/?user=yuex',{
      state: [
        { id: "001", name: "空间站国旗与地球同框" },
        { id: "002", name: "罗永浩谈钟薛高卖得贵" },
        { id: "003", name: "麦当劳员工将掉地上面包放回货架" },
      ]
    })
  }
  return (
    <div>
      <h3>我是Home的内容</h3>
      <button onClick={musicHandle}>Music</button>
      <button onClick={newsHandle}>News</button>
      <Outlet />
    </div>
  )
}
